---
import BaseHead from '../components/Head/BaseHead.astro';
import Nav from '../components/Nav.astro';
import HomeHeader from '../components/HomeHeader.astro';
import Footer from '../components/Footer/Footer.astro'
import SearchInput from '../components/SearchInput.astro'

let pageTitle = 'Search';
let pageDescription = 'Search all Articles';
let seoTitle = 'Search | MXG';
let seoDescription = '';
---

<html lang="en">
  <head>
    <BaseHead title={seoTitle} description={seoDescription} />
  </head>

  <body class="bg-white text-black font-body leading-normal personality-casual">
    <Nav />
    <main class="py-12 lg:py-20">
      <article class="max-w-6xl mx-auto px-3" >
        <HomeHeader title={seoTitle} description={pageDescription} />
        <SearchInput />
      </article>
    </main>
    <Footer />
  </body>
</html>